
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<link type="text/css" rel="stylesheet" href="css/estilo3.css" />
	<h:head></h:head>
	<h:body>
		<h:form id="miform">
			<p:commandButton value="oklk"
				actionListener="#{UsuarioMB.desplegarUsuarios()}" process="@this"
				update="lista" />
			<br />
				<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
					for="gfMessages" />
				<h:panelGroup id="botones">
					<p:commandButton value="Effects" type="button"
						onclick="PF('dlg3').show();" />
				</h:panelGroup>

			<!-- Listar Usuarios -->
			<h:panelGroup id="lista">
				<p:dataTable id="usuarios" style="margin-bottom:40px"
					value="#{UsuarioMB.usuarios}" var="usuario"
					rendered="#{UsuarioMB.usuarios.size() gt 0}">
					<f:facet name="header">
            Lista Usuarios
        </f:facet>
					<p:column headerText="Usuario" sortBy="#{usuario.username}">
						<h:outputText value="#{usuario.username}" />
					</p:column>
					<p:column headerText="Nombres" sortBy="#{usuario.nombres}">
						<h:outputText value="#{usuario.nombres}" />
					</p:column>
					<p:column headerText="Apellido Paterno"
						sortBy="#{usuario.apellidoPaterno}">
						<h:outputText value="#{usuario.apellidoPaterno}" />
					</p:column>
					<p:column headerText="Apellido Materno"
						sortBy="#{usuario.apellidoMaterno}">
						<h:outputText value="#{usuario.apellidoMaterno}" />
					</p:column>
					<p:column headerText="Activo" sortBy="#{usuario.activo}">
						<h:outputText value="Si" rendered="#{usuario.activo}" />
						<h:outputText value="No" rendered="#{!usuario.activo}" />
					</p:column>
					<p:column headerText="Editar">
						<p:commandButton id="idEditarButton" rendered="true"
							action="#{UsuarioMB.buscarModificarUsuario(usuario)}"
							value="Editar"></p:commandButton>
					</p:column>
					<p:column headerText="Eliminar">
						<p:commandButton id="idEliminarButton" rendered="true"
							action="#{UsuarioMB.buscarEliminarUsuario(usuario)}"
							value="Eliminar"></p:commandButton>
					</p:column>
				</p:dataTable>
			</h:panelGroup>
		</h:form>
		<!-- Agregar Usuario ajax -->
		<h:form id="fEditar">
			<p:dialog header="Ingresar Usuario" widgetVar="dlg3" id="dEditar"
				showEffect="explode" hideEffect="bounce" height="300">
				<table>
					<tr>
						<td><h:outputLabel for="username" value="Nombre Usuario:"
								style="font-weight:bold" /></td>
						<td><p:inputText value="#{UsuarioMB.usuario.username}"
								id="username" required="true" /></td>
					</tr>
					<tr>
						<td><h:outputLabel value="Nombres:" style="font-weight:bold" /></td>
						<td><p:inputText value="#{UsuarioMB.usuario.nombres}"
								id="nombres" required="true" /></td>
					</tr>
					<tr>
						<td><h:outputLabel value="Apellido Paterno:"
								style="font-weight:bold" /></td>
						<td><p:inputText value="#{UsuarioMB.usuario.apellidoPaterno}"
								id="apellidoPaterno" required="true" /></td>
					</tr>
					<tr>
						<td><h:outputLabel value="Apellido Materno:"
								style="font-weight:bold" /></td>
						<td><p:inputText value="#{UsuarioMB.usuario.apellidoMaterno}"
								id="apellidoMaterno" required="true" /></td>
					</tr>
					<tr>
						<td><h:outputLabel value="Password:" style="font-weight:bold" /></td>
						<td><p:password match="password2"
								value="#{UsuarioMB.usuario.password}" id="password"
								required="true" /></td>
					</tr>
					<tr>
						<td><h:outputLabel value="Reingresar Password : "
								style="font-weight:bold" /></td>
						<td><p:password id="password2" required="true" /></td>
					</tr>
					<tr>
						<p:selectOneRadio required="true"
							value="#{UsuarioMB.usuario.activo}">
							<f:selectItem itemValue="True" itemLabel="Si" />
							<f:selectItem itemValue="False" itemLabel="No" />
						</p:selectOneRadio>
					</tr>
					<p:commandButton actionListener="#{UsuarioMB.crearUsuario()}"
						value="aaaa" update=":miform:lista dEditar :miform:gMessages" />
				</table>
			</p:dialog>
		</h:form>
	</h:body>
</ui:composition>
